let data_info=
[
 {
   nmae:'background',
   info:[
     { index: 0, 
       image:'https://upload-images.jianshu.io/upload_images/14812438-b6d83eafbeb8e792.jpg',
       title:'你好',
       content:['我是金昌胜,欢迎来到我的小程序简历。','了解更多请向下阅读']},

     {
       index: 1,
       image: 'https://upload-images.jianshu.io/upload_images/14812438-6d989f689715f441.jpg',
       title: '经验',
       content:[ '我是一名即将在2020年毕业的大学生,专业是计算机科学与技术','自己做过一些项目,详情可以查看项目页面','微信简历也是自己我独立完成的','在学习的路上遇到了很多困难，但是同时也带给了我许多收获'
       ]
     },
     {
       index: 2,
       image: 'https://upload-images.jianshu.io/upload_images/14812438-86e8846764a69f09.jpg',
       title: '工作技能',
       content: ['了解html5 css3 javascript','了解jQuery bootstrap','了解cube-ui，swiper等库',
       '了解vue框架的基本使用','掌握一定的photoshop技术','了解一定的数据解构和算法基础','对微信小程序有所了解','对工程化模块化组件化有所了解','通过了大学英语四级考试']
     },
     {
       index: 3,
       image: 'https://upload-images.jianshu.io/upload_images/14812438-b5337a9841d0adcc.jpg',
       title: '生活',
       content: ['在生活中我是一个比较幽默，同时也是一个比较执着的人','遇到困难我会努力想办法解决，并且享受解决的过程','善于沟通，能准确理解别人想表达的内容']
     },
      
  
    ]
 },
{
  nmae: 'demos',
  info: [
    {
      index: 4,
      image: 'https://i.loli.net/2019/07/22/5d351fb71bd9076005.jpg',
      title: '喵喵电影',
      content: 'Vue实现喵喵电影',

    },
    {
      index: 3,
      image:'https://i.loli.net/2019/10/15/zxYQ3TNCDEqXm7v.png',
      // image: 'https://i.loli.net/2019/07/22/5d352500b5a3413033.jpg',
      title: '仿小米商城',
      content: '仿小米商城静态布局',

    },
 
    {
      index: 2,
      image: 'https://i.loli.net/2019/07/22/5d352cfebb01d51850.png',
      title: '贪吃蛇',
      content: '原生JS写简单贪吃蛇'
    },
    {
      index: 1,
      image: 'https://i.loli.net/2019/07/22/5d352b3d7830c50868.jpeg',
      title: '樱桃小丸子',
      content: 'css3绘樱桃小丸子',
    },]

},
{
  nmae: 'demos_detail',
  info: [
    {
      demo_index: 1,
      image_top: 'https://i.loli.net/2019/07/22/5d352b3d7830c50868.jpeg',
      demoinfo: ['画的樱桃小丸子,运用伪元素配合css3绘画','利用ps取色器取色，量各个部位大概快高并实现','css3的各种变化，translate,skew,routate'],
      images:[
        'https://i.loli.net/2019/07/22/5d352a9a0187839103.png',
        
     
      ],
      probs: [
        {dsc:'html结构',
          imgurl:'https://i.loli.net/2019/10/15/dyA8iPlaRpZIXzV.png'},
        {
           dsc:'眉毛画法，其他都是类似，利用定位加伪元素',
           imgurl:'https://i.loli.net/2019/10/15/2PfUhH8QTysgpqL.png'
          }
      ]
      
    },
    {
      demo_index: 2,
      image_top: 'https://i.loli.net/2019/07/22/5d352cfebb01d51850.png',
      demoinfo: ['用原生js面向对象方法写的贪吃蛇，键盘操作方向，撞墙或者吃到自己会有提示，正上方会有得分展示','学习运用了面向对象编程的思想','学习原生创建dom，添加dom方法，和键盘监听事件等','初步锻炼了逻辑思维以及实现一个功能该如何分解成一个个小步骤'],
      images: [
        'https://i.loli.net/2019/07/22/5d352d7b63a3a20603.png',
        'https://i.loli.net/2019/07/22/5d352ebc37b7d65672.png'

      ],
      probs: [
        {
          dsc:'创建地图，食物，方格线，蛇实例，并且分别调用其中的show方法绘制，打开一个定时器，蛇移动的速率是50ms,监视键盘改变蛇运动方向',
          imgurl:'https://i.loli.net/2019/10/15/1V2WAlCrNOBIoS9.png'
        },
      {dsc:'绘制地图',
          imgurl: 'https://i.loli.net/2019/10/15/6FPkan7iGg4qJ3d.png'},
      {   dsc:'绘制食物,地图以20px为一格，注意第一格为0px，所以要向下取整，随机产生',
        imgurl:'https://i.loli.net/2019/10/15/mbotsKpx2nyPEYH.png',
      },
      {dsc:'蛇的身体用一个数组存储，蛇头颜色为黄色，运动方向根据键盘按键决定',
        imgurl:' https://i.loli.net/2019/10/15/gsAPKLbGFhIQUmz.png'
      },
      {
        dsc:'show方法绘制蛇的身体，注意，新增的方块是在蛇的头部',
        imgurl: ' https://i.loli.net/2019/10/15/xEhiJIVdSt3Po2N.png'
      },
      {
        dsc:'核心，蛇的移动，蛇的移动是蛇节后面的坐标等于前面坐标，这样才能前行，如果吃到食物要增加蛇节，即调用show方法',
        imgurl: ' https://i.loli.net/2019/10/15/HKWrIxUoDn2F6y3.png'
      },
      {
         dsc:'当吃到自己的身体，或者撞墙了则游戏结束',
        imgurl: ' https://i.loli.net/2019/10/15/TtvKfQ6anRSBHwg.png'
      },

      ]
    
    },
   
    {
      demo_index: 4,
      image_top: 'https://i.loli.net/2019/10/15/zxYQ3TNCDEqXm7v.png',
      demoinfo: ['html+css静态页面展示','轮播图的实现','几种居中方式的运用(没有用到flex和grid)','简单的css动画（鼠标移入div上移+阴影）','清楚浮动的方法，bfc含义','元素类型的转换block,inline-block,inline','盒模型的运用（margin，padding，boder，box-sizing）'],
      images: [
     
        'https://i.loli.net/2019/10/15/ohDIudsm5iF7cfT.png',
       'https://i.loli.net/2019/10/15/WbckVJRmdLaC3ZH.png',
        'https://i.loli.net/2019/10/15/9bCQ6DnvGSdR3Fw.png'

      ],
      probs: [
        {dsc:'轮播图的实现,不点击自动播放，点击两边按钮或者下边的小圆圈都会切换',
        imgurl:'https://i.loli.net/2019/10/15/qtY49NdiUP2QW6w.png'
        }
      ]

    }, {
      demo_index: 5,
      image_top: 'https://i.loli.net/2019/07/22/5d351fb71bd9076005.jpg',
      demoinfo: ['一个用vue做的简单的手机看电影界面','能实现城市定位，城市切换，搜索电影，附近影院，登陆界面','运用了vuex,vuerouter,cube-ui,beter-scroll','同时在其中需要自己写toast组件切换城市，以及搜索电影时候的防抖节流','vuex的初级使用','localStrage存储和取值','组件化思想的运用','组件间传参','npm 和git的了解与使用'],
      images: [
        'https://i.loli.net/2019/07/22/5d35180f182fb42195.png',
        'https://i.loli.net/2019/07/22/5d3518ea0856994831.png',
        'https://i.loli.net/2019/07/22/5d35191ed8a7792956.png',
      ],
      probs:[
        {
          dsc:'反向代理',
          imgurl:'https://upload-images.jianshu.io/upload_images/14812438-53282c21731d839a.png'
        },
        {
           dsc:'电影搜索框设置节流',
          imgurl:'https://i.loli.net/2019/10/15/PkNnCEFLd5AWaOu.jpg'

        },
        {
          dsc:'处理请求回来的乱序城市列表',
          imgurl:'https://i.loli.net/2019/10/15/bxHrok7f5ynUPuc.png'
        },
        {
          dsc:'引入better-scroll,注册scroller组件，可以然后界面滑动流畅，同时完成上拉刷新和下拉加载功能',
          imgurl: 'https://i.loli.net/2019/10/15/jbB81YGe7yIWhEQ.png'
        },
        {
          dsc:'写js组件，实现功能：如果城市与ip地址所在城市不一样则弹出窗口切换城市',
          imgurl:'https://i.loli.net/2019/10/15/AvEJn3b1ukXixqM.png'
        }
      ]

    },]
}
  
];
module.exports={data_info};